@charset "utf-8";
/* =====================人才招聘样式======================== */

/* 人才理念 s */
.join_con1{
	padding: 0.8rem 0;
}
.join_con1 .con{}
.join_con1 .con .fl{
	width: 50%;
}
.join_con1 .con .fl .ab_tit{}
.join_con1 .con .fl .ab_tit h3{}
.join_con1 .con .fl .ab_tit p{}
.join_con1 .con .fl .info{
	padding-top: 0.4rem;
	line-height: 3;
	font-size: 22px;
	color: #333;
	letter-spacing: 1px;
	text-align: center;
	/*text-indent: 2em;*/
}

.join_con1 .con .fr{
	width: 42.5%;
	padding-top: 0.2rem;
}
.join_con1 .con .fr .item{}
.join_con1 .con .fr .item:first-child {
    transform: translateY(-0.2rem);
    -webkit-transform: translateY(-0.2rem);
}
.join_con1 .con .fr .item img{
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
}

/* 人才理念 e */


/* 员工风采 s */
.join_con2{
	position: relative;
	padding: 0.9rem 0 0.6rem;
	background-color: #f5f5f5;
}
.join_con2::after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 3.2rem;
	background: url(../images/join_con2_bg2.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	z-index: 1;
}
.join_con2::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 3.2rem;
	left: 0;
	top: 0;
	background: rgba(172,206,34,.2);
	background: rgba(0,0,0,.5);
	z-index: 2;
}
.join_con2 .w16{
	position: relative;
	z-index: 3;
}
.join_con2 .ab_tit{
	text-align: center;
}
.join_con2 .ab_tit h3{
	color: white;
}
.join_con2 .ab_tit h3::after{
	margin: 0.1rem auto;
}
.join_con2 .con{
	padding: 0.4rem 0 0.5rem;
}
.join_con2 .con ul{}
.join_con2 .con ul li{}
.join_con2 .con ul li a{
	position: relative;
	display: block;
}
.join_con2 .con ul li a .pic{
	overflow: hidden;
}
.join_con2 .con ul li a .pic img{
	width: 100%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.join_con2 .con ul li:hover a .pic img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.join_con2 .con ul li a .txt{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	font-size: 20px;
	letter-spacing: 0.5px;
	line-height: 1.8;
	/* font-weight: bold; */
	color: #fff;
	padding: 5%;
	z-index: 2;
	background: linear-gradient(rgb(0,0,0,.0) 30%, rgb(0,0,0,.66) 100%);
	background: -webkit-linear-gradient(rgb(0,0,0,.0) 30%, rgb(0,0,0,.66) 100%);
}

.join_con2  .swiper-pagination-bullet{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.join_con2  .swiper-pagination-bullet-active{
	background-color: #ACCE22;
	width: 30px;
	height: 8px;
	border-radius: 4px;
	
}
/* 员工风采 e */


/* 加入我们 s */
.join_con3{
	background-color: #f5f5f5;
	padding: 0.4rem 0 0.6rem;
}
.join_con3 .ab_tit{
	text-align: center;
}
.join_con3 .ab_tit h3::after{
	margin: 0.1rem auto;
}
.join_con3 .con{
	margin-top: 0.4rem;
}
.join_con3 .con .job_table{
	border-top: 4px solid #ACCE22;
	width: 100%;
	background-color: white;
}
.join_con3 .con .job_table th,.join_con3 .con .job_table td{
	height: 80px;
	font-size: 18px;
	padding-right: 0.4rem;
	text-align: left;
}
.join_con3 .con .job_table th:first-child, .join_con3 .con .job_table td:first-child {
    padding-left: 0.8rem;
}
.join_con3 .con .job_table th:last-child, .join_con3 .con .job_table td:last-child {
    padding-right: 0.8rem;
	text-align: right;
}
.join_con3 .con .job_table .job_check{
	border-top: 1px solid #eee;
	cursor: pointer;
	position: relative;
	z-index: 2;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.join_con3 .con .job_table .job_check.on {
    color: #fff;
    background-color: #ACCE22;
}

.join_con3 .job_check .job_switch{width:16px;height:16px;display:inline-block;}
.join_con3 .job_check .job_switch:after,
.join_con3 .job_check .job_switch:before{content:'';background:#ACCE22;
position:absolute;width:100%;height:2px;background:#ACCE22;top:50%;margin-top:-1px;
-webkit-transition:all 0.5s;transition:all 0.5s;left:0;}
.join_con3 .job_check .job_switch:after{transform:rotate(-270deg);-webkit-transform:rotate(-270deg);}
.join_con3 .job_check .job_switch:before{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.join_con3 .job_check.on{color:#fff;background-color:#ACCE22;}
.join_con3 .job_check.on .job_switch:after,.join_con3 .job_check.on .job_switch:before{transform:none;-webkit-transform:none;background-color:#fff;}

.join_con3 .con .job_table .job_item td{
	height: auto;
}
.join_con3 .con .job_table .job_item .job_condition{
	height: 0;
	overflow: hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.join_con3 .con .job_table .job_item .job_condition div{
	padding: 0.4rem 0;
	line-height: 1.5;
	font-size: 16px;
	text-align: left;
}
/* 加入我们 e */



/* 公司介绍 s */
/* 公司介绍 e */

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
	
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
	.join_con1 .con .fl,.join_con1 .con .fr{
		width: 100%;
	}
	.join_con1 .con .fr{
		margin-top: 0.4rem;
	}
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.join_con2 .con ul li a .txt{
		padding: 2% 4%;
		font-size: 18px;
	}
	.join_con3 .con .job_table th, .join_con3 .con .job_table td{
		font-size: 16px;
		height: 60px;
	}
	.join_con3 .con .job_table thead{
		display: none;
	}
	.join_con3 .con .job_table td:first-child{
		padding: 0 0.2rem;
	}
	.join_con3 .con .job_table td:last-child{
		padding-right: 0.2rem;
	}
}

@media all and (max-width:768px) {
	.join_con1 .con .fl .info{
		font-size: 16px;
		line-height: 1.6;
	}
}

@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.join_con3 .con .job_table td:nth-child(2),.join_con3 .con .job_table td:nth-child(3){
		display: none;
	}
	.join_con3 .con .job_table th, .join_con3 .con .job_table td{
		font-size: 14px;
	}
	.join_con3 .con .job_table .job_item .job_condition div{
		font-size: 14px;
	}
}

@media all and (max-width:480px) {
	
}

@media all and (max-width:420px) {
	
}

@media all and (max-width:376px) {
	
}